<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--分区标签： 可以理解为一个容器，对多个有相关性的标签进行统一管理-->
<!--div独占一行  span共占一行-->
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span>
<span>span2</span>
<span>span3</span>
<!--HTML5新增的分区标签,作用和div一样,但是提高了代码的可读性-->
<header>定义头部区域</header>
<main>定义主体区域</main>
<footer>定义底部区域</footer>
<nav>导航</nav>
<section>定义区块或章节</section>
<article>定义一个独立完整的内容,如:博客或文章</article>
<aside>定义侧边栏</aside>



</body>
</html>